<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>主页</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">

    <link rel="stylesheet" type="text/css" href="../resources/css/sui/sm.css">
    <link rel="stylesheet" type="text/css" href="../resources/css/sui/sm-extend.css">
</head>
<body>
    <div class="page-group">
        <div class="page page-current" id="pageFrontHomePage">
            <header class="bar bar-nav">
                <h1 class='title'>前台首页</h1>
            </header>
            <div class="content">
                <!-- 卡片式轮播图 -->
                <div class="card demo-card-header-pic">
                    <div id="root"></div>

                    <div class="card-content">
                        <div class="card-content-inner">
                            <p class="color-gray">发表于 2020/01/15</p>
                        </div>
                    </div>
                    <div class="card-footer">
                        <a href="#" class="link">赞</a>
                        <a href="#" class="link">更多</a>
                    </div>
                </div>
                <!-- 全类查询区 -->
                <div class="card">
                    <div class="card-content">
                        <div class="list-block">
                            <ul>
                                <li>
                                    <a href="shopList" class="item-link item-content">
                                        <div class="item-media"><i class="icon icon-f7"></i></div>
                                        <div class="item-inner">
                                            <div class="item-title">全部商店</div>
                                        </div>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <!-- 一级类别展示区域 -->
                <div class="card row" id="parentCategory">
                    <!--<div class="card-content col-50">
                        <div class="list-block media-list">
                            <ul>
                                <li class="item-content">
                                    <div class="item-media">

                                    </div>
                                    <div class="item-inner">
                                        <div class="item-title-row">
                                            <div class="item-title">标题</div>
                                        </div>
                                        <div class="item-subtitle">子标题</div>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>-->
                </div>
            </div>
        </div>
    </div>
    <script type='text/javascript' src='../resources/js/libs/sui/zepto.js' charset='utf-8'></script>
    <script type='text/javascript' src='../resources/js/libs/sui/sm.js' charset='utf-8'></script>
    <script type='text/javascript' src='../resources/js/libs/sui/sm-extend.js' charset='utf-8'></script>
    <script type='text/javascript' src='../resources/js/common/dynamicLoading.js'></script>
    <script type='text/javascript' src='../resources/js/frontend/dynamicLoadingFrontendJs.js'></script>

</body>

</html>